<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script>
function enable()
{
	alert("test");
	document.getElementById('button').disabled=false;
	document.getElementById('bio').disabled=false;
	document.getElementById('edit').disabled=true;
}
</script>
</head>
<body>
<form wicket:id="authorHomePageForm">
	<table>
		<tr>
			<td>Author Name :</td>
			<td><label wicket:id="authorName"></label></td>
		</tr>
		<tr>
			<td>Biography :</td>
			<td><textarea wicket:id="biography" id="bio" disabled="disabled"></textarea></td>
			<td><input type="submit" name="button" id="button" value="Submit" disabled="disabled"/></td>
			<td><input type="button" name="edit" id="edit" value="Edit" onclick="enable();"/></td>
		</tr>
		<tr>
			<td>Author's Books :</td>
			<td><div wicket:id="books"><a wicket:id="authorView" href="#"> <span
									wicket:id="name"></span></a></div></td>
		</tr>
</table>
</form>
</body>
</html>